﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>热门活动</title>
    <link rel="stylesheet" href="/static/css/hotActivity.css" />
    <link rel="stylesheet" href="/static/css/swiper.min.css">
    <link rel="stylesheet" href="/static/css/index.css">
</head>
<body>
    <div class="header" id="header">
        <div class="container clearfix">
            <!-- <div class="logo"><img src="/static/images/logo.png" alt=""></div> -->
            <!-- <div class="city">
                <span>广州</span>
                <a href="javascript:void(0)">[切换城市]</a>
            </div> -->
            <div class="nav">
                <ul class="clearfix" id="nav-tab">
                    <li>
                        <div class="logo"><img src="/static/images/logo.png" alt=""></div>
                    </li>
                    <li>
                        <a href="/org.html?type=Company">
                            <p>社团</p><span>CORPORATION</span>
                        </a>
                    </li>
                    <li>
                        <a href="/org.html?type=Student">
                            <p>企业</p><span>ENTERPRISE</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" class="active">
                            <p>热门活动</p><span>POPULAR ACTIVITIES</span>
                        </a>
                    </li>
                    <li>
                        <a href="/agent.html">
                            <p>代理官</p><span>DEPUTY OFFICIAL</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main" ng-app="myApp">
            <div id="divCarousel"></div>
            <ul class="container-img">
                <li>
                    <img src="/static/images/hotActivityone.png">
                </li>
                <li>
                    <img src="/static/images/hotActivitytwo.png">
                </li>
                <li>
                    <img src="/static/images/hotActivitythree.png">
                </li>
                <li>
                    <img src="/static/images/hotActivityfour.png">
                </li>
                <li>
                    <img src="/static/images/hotActivityfive.png">
                </li>
            </ul>
        </div>
    </div>
    <div id="divFooter"></div>
    <script src="/static/js/ref/jquery-2.1.1.min.js"></script>
    <script src="/static/js/ref/swiper.min.js"></script>
    <script src="/static/js/self/common.js"></script>
    <script>

        $("#divCarousel").load("wuc/carousel.html");
        $("#divFooter").load("wuc/footer.html");


        $(document).ready(function () {

            $('.contactus').on('click', function () {
                alert('此功能暂时没有开放，敬请期待！')
            })
            $("#nav-tab li a").on('click', function () {
                var self = $(this).parent();
                self.siblings().removeClass('current');
                self.addClass().addClass('current');
            });

        });
    </script>
</body>
</html>
